/*.box {
  width: 500px;
  padding: 20px;
  border: 1px solid red;
}

.box h2 {
  font: 20px/40px "微软雅黑";
}

.box p {
  color: green;
}

.box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.box li{
  height: 30px;
  background: #ccc;
}

.box li a{

}
*/

//&符号，   表示上一层的选择器  父级
.box {
  width: 500px;
  padding-bottom: 20px;
  border: 1px solid red;
  & {
    border: 5px solid red;
  }
  h2 {
    font: 20px/40px "微软雅黑";
  }
  p {
    color: green;
  }
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li {
      height: 30px;
      background: #ccc;
      a {
        color: #f00;
        &:hover {
          color: blue;
        }
      }
    }
  }
}